<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="author" content="Night">
  <!-- 移动端适配 -->
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
  <!-- 重置css -->
  <link rel="stylesheet" type="text/css" href="./css/reset.css"/>
  <!-- rem.js -->
  <script type="text/javascript" src="./js/winResponsive.js"></script>
  <!-- index.css -->
  <link rel="stylesheet" type="text/css" href="./css/product.css">
  <title>Bee Mall_product</title>
 </head>
 <body>
   <!-- header start -->
   <header class="clear">
        <a href="#"><</a>
        <div class="h2">合味道XO酱海鲜风味面</div>
        <a href="#" class="share"><img src="./images/fenxiang (2).png" alt=""></a>
   </header>
   <section class="content">
        <section class="goods">
            <img src="./images/heweidao.png" alt="">
        </section>
        <section class="price">
            <p>合味道XO酱海鲜风味面</p>
            <span>￥5</span>
            <del>￥6</del>
        </section>
        <section class="description">
            <div>
                <span>品牌</span><span>日清</span>
            </div>
            <div>
                <span>产品规格</span><span>87g</span>
            </div>
        </section>
        <section class="goods goods-1">
            <img src="./images/shandiansongda.png" alt="">
        </section>
        <section class="goods goods-1">
            <img src="./images/shandiansongda.png" alt="">
        </section>
   </section>
   <!-- footer start -->
   <footer>
       <div class="footer">
            <span>添加商品：</span>
            <span class="sub">-</span>
            <span class="num">0</span>
            <span class="add">+</span>
            <div>
                <span>
                    <img src="./images/gouwuche.png" alt="">
                    <span><span>￥</span><span>0</span>元起送</span>
                </span>
            </div>
       </div>
       <div class="scrile"></div>
   </footer>
   
 </body>
 </html>